﻿#calendar
{
	position:absolute;
	top:0; left:0;
}

/*calendar*/
#calendarDiv {
    background-color:#FFFFFF;
    border:1px solid #317082;
    font-family:arial;
    font-size:10px;
    padding:1px 1px 20px;
    position:absolute;
    visibility:hidden;
    width:250px;
}
#calendarDiv #monthSelect {
    width:100px;
}
#calendarDiv .activeDay {
    border:1px solid #DBDBDB;
    color:red;
    font-weight:700;
}
#calendarDiv .monthYearActive {
    background-color:#317082;
    color:#E2EBED;
}
#calendarDiv .monthYearPicker {
    background-color:#E2EBED;
    border:1px solid #AAAAAA;
    color:#317082;
    display:none;
    left:0;
    position:absolute;
    top:15px;
    z-index:1000;
}
#calendarDiv .monthYearPicker div {
    clear:both;
    cursor:pointer;
    float:none;
    font-family:Arial,"times new roman",Verdana,"Palatino linotype",Tahoma;
    font-size:9pt;
    margin:1px;
    padding:1px;
}
#calendarDiv .selectBox {
    border:1px solid #E2EBED;
    color:#E2EBED;
    position:relative;
}
#calendarDiv .selectBox, #calendarDiv .selectBoxOver {
    cursor:pointer;
    font-family:Arial,"times new roman",Verdana,"Palatino linotype",Tahoma;
    font-size:9pt;
    line-height:12px;
    padding:1px 1px 1px 2px;
}
#calendarDiv .selectBoxOver {
    background-color:#317082;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    position:relative;
}
#calendarDiv .selectBoxTime {
    border:1px solid #317082;
    color:#317082;
    position:relative;
}
#calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver {
    cursor:pointer;
    line-height:12px;
    padding:1px 1px 1px 2px;
}
#calendarDiv .selectBoxTimeOver {
    border:1px solid #216072;
    color:#216072;
    position:relative;
}
#calendarDiv .timeBar {
    background-color:#E2EBED;
    color:#FFFFFF;
    height:17px;
    line-height:17px;
    position:absolute;
    right:0;
    width:72px;
}
#calendarDiv .timeBar div, #calendarDiv .topBar div {
    float:left;
    margin-right:1px;
}
#calendarDiv .todaysDate {
    background-color:#F0F0F0;
    bottom:0;
    font-family:Arial,"times new roman",Verdana,"Palatino linotype",Tahoma;
    font-size:9pt;
    height:17px;
    line-height:17px;
    margin-top:3px;
    padding:0 2px 2px;
    position:absolute;
    text-align:center;
    width:247px;
}
#calendarDiv .topBar {
    background-color:#317082;
    height:16px;
    padding:2px;
}
#calendarDiv .topBar img {
    cursor:pointer;
}
#calendarDiv span, #calendarDiv img, #calendarDiv .todaysDate div {
    float:left;
}
#calendarDiv td {
    color:#000066;
    cursor:pointer;
    font-family:Arial,"times new roman",Verdana,"Palatino linotype",Tahoma;
    font-size:9pt;
    margin:0;
    padding:3px;
    text-align:right;
}
.calendar_week_column {
    border-right:1px solid #DBDBDB;
}
.calendar_week_row {
    padding-top:5px;
}
.calendar_week_row td {
    font-weight:700;
}
#calendarDiv .overday {
    color:#000066;
    cursor:pointer;
}
.buttonImg
{
    -moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../Images/Icon/calendar.png) no-repeat scroll left top;
	width:22px;
    height:22px;
    margin-bottom:-3px;
}